简介:手把手教大家进行需求分析、组织代码,并使用组件化编写高性能代码。通过本课程学习,你将学会搭建TS开发环境、学会如何分析案例需求、了解什么是组件化、案例样式排版布局以及功能模块组件化开发。
第2章 Webpack搭建项目环境
本章主要讲解webpack项目环境搭建,以及TypeScript编译配置。
第3章 需求分析&视频列表实现
本章主要分析项目,如果进行组件化拆分,以及视频列表布局实现和视频列表样式实现。
第4章 Popup弹层组件开发
本章节主要讲解Popup弹层组件框架搭建、模块化CSS方式、弹层布局结构及样式、遮罩层布局及样式、弹层交互及弹层容器回调实现。
第5章 弹出层中的Video播放器组件开发
本章主要讲解组件框架搭建、播放器布局结构及样式书写、播放与暂停的实现、当前时间与总时间计算、全屏功能、播放进度条、拖拽播放进度条与音量进度条、配置自动播放等功能的实现。